/*COMMON*/
/*RESET CSS START*/
body,h1,h2,h3,html,li,p,ul {
    margin: 0;
    padding: 0
}

html,body {
    width: 100%;
    height: 100%;
    font-family: "PingFang SC"
}

a {
    color: #94B9D5;
    text-decoration: none!important
}
h1,h3 {
    margin-bottom: 15px
}

h1,h2,h4 {
    color: #333
}

h1 {
    font-size: .6rem
}

h2 {
    font-size: .48rem;
    margin-bottom: 25px
}

h3 {
    font-size: .36rem;
}

h4,p {
    font-size: 14px
}

a>h3 {
    text-overflow: ellipsis;
    white-space: nowrap
}

h4 {
    margin-bottom: 0
}

p {
    line-height: 22px;
    margin: 0;
    color: #999
}

ul li {
    list-style: none;
    color: #606060
}

img {
    width: 100%;
    margin: 15px auto 0;
    display: block
}

input {
    -webkit-appearance: none
}

a:active {
    text-decoration: none
}

.bg1 {
    background: #EBF4FB
}

.small {
    font-size: 12px;
    line-height: 20px
}

.margin0{
    margin: 0 !important;
}

.none {
    display: none
}

.font_14{
    font-size: .14rem;
}

.m-t6{
 margin-top: .6rem !important;
}
/*RESET CSS END*/

/*HEADER CSS START*/
.header {
    padding: .16rem .36rem .2rem;
    overflow: hidden;
    border-bottom: 1px solid #cecece
}

.header a.logo {
    float: left
}

.header a.logo img {
    width: 2.96rem;
    height: .8rem;
    margin: 0
}

.header .menu {
    float: right;
    position: relative;
    width: 27px;
    height: 31px
}

.header .menu span {
    width: 27px;
    height: 3px;
    display: inline-block;
    background: #919191;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px;
    position: absolute;
    transition: transform .4s ease,top .4s ease .4s;
    -moz-transition: transform .4s ease,top .4s ease .4s;
    -webkit-transition: transform .4s ease,top .4s ease .4s;
    -o-transition: transform .4s ease,top .4s ease .4s
}

.header .menu span:nth-child(1) {
    top: 10px
}

.header .menu span:nth-child(2) {
    top: 19px
}

.header .menu span:nth-child(3) {
    top: 28px
}

.header .close_menu span {
    transition: transform .4s ease .4s,top .4s ease;
    -moz-transition: transform .4s ease .4s,top .4s ease;
    -webkit-transition: transform .4s ease .4s,top .4s ease;
    -o-transition: transform .4s ease .4s,top .4s ease
}

.header .close_menu span:nth-child(1),.header .close_menu span:nth-child(2) {
    top: 19px;
    transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -o-transform: rotate(45deg)
}

.header .close_menu span:nth-child(3) {
    top: 19px;
    transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -o-transform: rotate(-45deg)
}
/*HEADER CSS END*/

/*NAVER CSS START*/
.naver {
    background: #e5e5e5;
    padding-top: 20px;
    display: none
}

.naver .search {
    position: relative;
    padding: 0 30px
}

.naver .search input {
    height: 40px;
    font-size: 14px;
    color: #ababab;
    padding: 10px;
    display: block;
    width: 100%;
    border: 1px solid #ccc
}

.naver .search input.a {
    position: absolute;
    top: 0;
    right: 30px;
    display: inline-block;
    height: 40px;
    width: 40px;
    background: url(../../img/so.png) center center no-repeat #666;
    background-size: 18px 18px
}

.naver .navigation {
    list-style: none;
    padding: 0;
    margin: 15px 0 0
}

.naver .navigation>li {
    font-size: 16px;
    color: #666;
    border-bottom: 1px solid #c8c8c8
}

.naver .navigation>li div {
    padding: 14px 30px
}

.naver .navigation>li div>a {
    color: #646464
}

.naver .navigation>li a {
    padding: 14px 30px 14px 35px;
    color: #646464;
    display: block
}

.naver .navigation>li>a {
    padding: 14px 30px
}

.naver .navigation>li span {
    width: 15px;
    height: 15px;
    display: inline-block;
    float: right;
    transition: transform .4s ease;
    -moz-transition: transform .4s ease;
    -webkit-transition: transform .4s ease;
    -o-transition: transform .4s ease
}

.naver .navigation>li ul {
    padding: 0;
    background: #d7d7d7;
    display: none
}

.naver .navigation>li ul li {
    border-top: 1px solid #bdbdbd
}

.naver .navigation>li:last-child {
    border: none
}

.naver .navigation .selected {
    color: #00408f
}
/*NAVER CSS END*/

.invisible {
    display: none
}

/*BANNER CSS START*/
.banner {
    height: 240px;
    padding: 50px 0 0 25px;
    border-top: 1px solid #cecece;
    background-size: cover
}

.banner h2 {
    font-size: 33px;
    margin: 0 0 10px;
    color: #fff
}

.banner h3 {
    font-size: 16px;
    margin: 0;
    color: #d2e0f0
}

.banner h2,.business_area ul li p,h1,h2,ul.style2 ul li .date {
    font-weight: 700
}
/*BANNER CSS END*/

/*MODEL CSS START*/
.model {
    padding: .77rem .38rem
}

.model:last-child {
    padding-bottom: 60px
}

.model h2 {
    margin-bottom: .3rem
}

.model h3 {
    font-size: 18px
}

.model p {
    color: #666;
    margin-top: 20px
}

.model>p:nth-of-type(1) {
    margin: 0
}

.model>img:nth-child(2) {
    margin-bottom: 10px
}
/*MODEL CSS END*/

/*BUSINESS_AREA CSS START*/
.business_area,a>h3 {
    overflow: hidden
}

.business_area h2 {
    text-align: center
}

.business_area ul li {
    list-style: none;
    position: relative;
    margin-bottom: 20px
}

.business_area ul li a {
    display: block
}

.business_area ul li a img {
    width: 100%;
    margin: 0
}

.business_area ul li p {
    position: absolute;
    font-size: .4rem;
    bottom: .28rem;
    text-align: center;
    width: 100%;
    color: #fff
}

.business_area ul li:last-child {
    margin: 0
}
/*BUSINESS_AREA CSS END*/

/*JOIN_US CSS START*/
.join_us {
    overflow: hidden;
    background:linear-gradient(-136.5deg,rgba(170,211,219,1),rgba(98,160,208,1));
    height: 7.56rem;
    padding-top: .8rem
}

.join_us .f,.join_us .z {
    transition: transform .4s ease;
    position: absolute;
    height: 4.48rem
}

.join_us .swiper-container {
    overflow: visible
}

.join_us .z {
    -moz-transition: transform .4s ease;
    -webkit-transition: transform .4s ease;
    -o-transition: transform .4s ease;
    width: 100%;
    z-index: 10;
    background: #fff;
    backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    -o-backface-visibility: hidden
}

.join_us .f {
    -moz-transition: transform .4s ease;
    -webkit-transition: transform .4s ease;
    -o-transition: transform .4s ease;
    background: url(../img/index/f.jpg) 24px 15px no-repeat #fff;
    background-size: 38px 31px;
    padding: 40px 30px 0;
    backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    z-index: 8;
    transform: rotate3d(0,1,0,-180deg)
}

.join_us .f p {
    margin-top: 13px
}

.join_us .detail p,.join_us .f>p:nth-child(2) {
    margin-top: 10px
}

.join_us>h2 {
    text-align: center;
    color: #fff;
    margin-bottom: .4rem
}

.join_us .swiper-slide {
    perspective: 1000;
    -webkit-perspective: 1000;
    height: 4.48rem;
    background: #fff;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    position: relative;
    box-shadow: 0px 2px 12px 0px rgba(66,86,101,0.36);
    width: 100% !important
}

.join_us .swiper-slide img {
    width: 4.92rem;
    height: 4.28rem;
    display: inline-block
}

.join_us .swiper-slide .detail {
    position: absolute;
    right: 1.36rem;
    top: .8rem;
}

.join_us .swiper-slide .detail p.p {
    font-size: .28rem;
    color: #666;
    margin: 0
}

.join_us .swiper-slide .detail p.small {
    color: #999
}

.join_us .swiper-slide .a {
    height: .8rem;
    background: #3487BA;
    opacity: .5;
    position: absolute;
    bottom: .28rem;
    left: 0;
    right: 0
}

.join_us .swiper-slide>.z>a {
    width: .4rem;
    height: .4rem;
    background: url(../img/index/join_us_bg.png);
    background-size: 21px 21px;
    display: block;
    position: absolute;
    bottom: .48rem;
    right: .54rem;
}

.join_us .swiper-slide:nth-child(2) img,.join_us .swiper-slide:nth-child(3) img {
    left: 0
}

.join_us .swiper-pagination-bullet {
    background: url(../img/index/new_list_bg.png) center center no-repeat;
    width: 41px;
    height: 5px;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
    background-size: 41px 5px
}

.join_us .swiper-pagination {
    margin-left: 50%;
    left: -61px
}

.join_us .detail h2 {
    margin-bottom: 5px
}

.join_us a.btn2 {
    margin: 35px auto 30px
}

.fz {
    transform: rotate3d(0,1,0,0deg)
}

.fz .z {
    z-index: 8;
    transform: rotate3d(0,1,0,180deg)
}

.fz .f {
    z-index: 10;
    transform: rotate3d(0,1,0,0deg)
}

@media screen and (max-width:361px) {
    .join_us .z {
        padding: 35px 25px 25px
    }

    .join_us .swiper-slide img {
        margin-right: 0;
        margin-top: 0;
        margin-bottom: 0
    }

    .join_us .swiper-slide .detail {
        max-width: 96px;
        overflow: auto
    }
}

@media screen and (max-width:320px) {
    .join_us .swiper-slide img {
        margin-left: -24px!important
    }
}

@media screen and (min-width:361px) {
    .join_us .z {
        text-align: left;
        padding-left: .4rem;
    }

    .z {
        padding: .2rem
    }

    .join_us .swiper-slide img {
        margin: 0
    }

    .join_us .swiper-slide .detail {
        width: 2.6rem;
        text-align: right
    }
}
/*JOIN_US CSS END*/

.web-list-date {
    margin-right: 5px;
    float: right
}

.selectbox2 ul.style1 li:first-child {
    padding-top: .44rem;
    background-position: left 19px
}

ul.style1 li {
    position: relative;
    list-style: none;
    padding: .24rem 0 .22rem .34rem;
    border-bottom: 1px solid #E2E2E2
}

ul.style1 li .tel {
    display: block;
    margin-left: -15px;
    margin-top: 5px
}

ul.style1 li span {
    font-size: 12px
}

ul.style1 li a {
    font-size: 14px;
    color: #666;
    line-height: 22px
}

ul.selectbox li,ul.selectbox2>li,ul.style2>li {
    line-height: 1rem;
    font-size: .36rem;
    box-sizing: border-box
}

ul.style1 li a .rec {
    width: .1rem;
    height: .26rem;
    background: #B4D5EE;
    position: absolute;
    bottom: .3rem;
    left: 0;
}

ul.style1 li a .home_list_subtitle {
    display: inline-block;
    max-width: 70%;
    color: #666;
    font-size: .24rem;
}

ul.style1 li a span {
    color: #666;
    font-size: .24rem;
}

ul.selectbox {
    margin-bottom: 3px
}

ul.selectbox li {
    display: none;
    background: #94B9D5;
    list-style: none;
    height: 40px;
    color: #fff;
    padding: 0 20px
}

ul.selectbox li:nth-child(1) {
    border-top: 1px solid #8ea6c2
}

ul.selectbox>span:after {
    background: url(../../img/arrow_bottom.png) right center no-repeat #94B9D5;
    background-size: 10px 6px;
    width: 20px;
    height: 12px;
    right: 20px;
    top: 15px;
    display: inline-block;
    position: absolute
}

ul.selectbox2,ul.selectbox2 #home_bottom_li,ul.selectbox>span {
    position: relative
}

ul.selectbox>span {
    background-color: #94B9D5;
    background-size: 10px 6px;
    display: block;
    box-sizing: border-box;
    color: #fff;
    padding: 10px 20px
}

ul.selectbox>span b {
    display: inline-block
}

ul.selectbox .switch_close:after {
    background: url(../../img/arrow_top.png) right center no-repeat #94B9D5;
    background-size: 10px 6px
}

ul.selectbox a {
    color: #fff!important
}

ul.selectbox2>li {
    display: none;
    background: #94B9D5;
    list-style: none;
    height: 1rem;
    color: #fff;
    padding: 0 .5rem
}

ul.selectbox2>li>a {
    color: #fff;
    font-weight: 600;
}

ul.selectbox2>li:nth-child(1) {
    display: block;
    background: #94B9D5
}



ul.selectbox2 .home_bottom_icon_arrow {
    display: inline-block;
    box-sizing: border-box;
    color: #fff;
    padding: 10px 15px;
    right: 0;
    top: 10px;
    position: absolute
}

ul.selectbox2 .selectclose>span {
    background: url(../../img/arrow_top.png) left center no-repeat #94B9D5;
    background-size: 10px 6px
}

ul.selectbox2 .selected>span {
    background: url(../../img/arrow_bottom.png) left center no-repeat #94B9D5;
    background-size: 10px 6px
}

ul.selectbox2>li.selectclose,ul.selectbox2>li.selected {
    background-size: 10px 6px
}

ul.selectbox2>ul {
    display: none
}

ul.selectbox2>ul:nth-of-type(1) {
    display: block
}

ul.selectbox2 .btn1 {
    margin: 0 auto
}

/*FOOTER CSS START*/
.footer {
    background: #222;
    color: #fff;
    overflow: hidden;
    padding: .6rem .68rem .46rem;
}
.footer h3{
    font-size: .4rem;
    color: #aaa;
    margin-bottom: .36rem;
}
.footer p{
    margin-top: .12rem;
}

.footer p i{
    display: inline-block;
    width: .5rem;
}

.footer .border{
    width: 100%;
    height: 1px;
    background: #404040;
    margin: .4rem 0;
}

.footer ul li a{
    width: 25%;
    float: left;
    text-align: center;
    color: #A6A6A6;
    font-size: .24rem;
}

.footer ul li img{
    width: .7rem;
    height: .7rem;
    margin-bottom: .24rem;
}
/*FOOTER CSS END*/


/*PAGES*/
/*INDEX CSS START*/
.index .banner {
    height: 400px;
    color: #fff;
    padding: 0
}

.index .banner h2 {
    font-size: 33px;
    margin-bottom: 10px;
    font-weight: 700;
    color: #fff
}

.index .banner h3 {
    font-size: 16px;
    margin: 0;
    color: #d2e0f0
}

.index .banner img {
    position: absolute;
    top: 0;
    margin: 0;
    left: 0;
    z-index: -1
}

.index .banner .swiper-slide {
    padding: 80px 25px 0
}

.index .banner .swiper-button-prev {
    background: url(../img/index/banner_left.png);
    background-size: 25px 45px;
    left: 0
}

.index .banner .swiper-button-next {
    background: url(../img/index/banner_right.png);
    background-size: 25px 45px;
    right: 0
}

.index .investor_relations_bg h2 {
    text-align: center
}

.index .investor_relations_bg .stock {
    margin-bottom: .32rem;
}

.index .investor_relations_bg .stock img{
    width: 6.72rem;
    height: 4.20rem;
    display: block;
    margin: 0 auto;
}

.index .investor_relations_bg .notice div {
    height: 40px;
    background: url(../../img/index/arrow.jpg) right 20px center no-repeat #94B9D5;
    background-size: 10px 6px;
    color: #fff;
    padding: 0 20px;
    box-sizing: border-box;
    line-height: 40px;
    font-size: 14px
}

.index .investor_relations_bg .notice ul li {
    list-style: none;
    color: #666
}

.index .investor_relations_bg .notice ul li span:nth-child(1) {
    color: #999
}

.index .investor_relations_bg .notice ul li span:nth-child(2) {
    color: #999;
    float: right
}

.index .investor_relations_bg .notice a.btn1 {
    margin: 10px auto 20px
}

.index .vedio{
    background: url(../img/index/vedio@2x.png) center center;
    background-size: cover;
    height: 7rem;
}
.index .vedio video{
	width:6.72rem;
	height: 4rem;
	display: block;
}
.index .vedio h2{
    text-align: center;
    color: #fff;
}

.index .vedio .playshow{
    margin-top: -.9rem;
    height: .8rem;
    background: rgba(0,0,0,0.7);
    opacity: 0.99999;
    color: #fff;
    position: relative;
    z-index: 2;
}

.index .vedio .playshow img{
    width: 1.12rem;
    margin: 0;
    display: inline-block;
}
.index .vedio .playshow span{
    padding-left: .34rem;
}

.index .vedio .more{
    display: block;
    text-align: right;
}

.index .vedio .more img{
    width: .3rem;
    height: .36rem;
    margin: .48rem .1rem 0 0;
    display: inline-block;
}

.index .map{
    position: relative;
}

.index .map h2{
    text-align: center;
}

.index .map #map{
    width: 6.72rem;
    height: 8rem;
}

.index .map .large{
    position: absolute;
    width: 2.28rem;
    height: .84rem;
    line-height: .84rem;
    text-align: center;
    top: 2.06rem;
    left: .38rem;
    color: #000;
    font-size: .28rem;
    background: #fff;
}
/*INDEX CSS END*/

/*DETAIL CSS START*/
.detail .fixbanner{
    height: 4.8rem;
    margin: 0;
}

.detail .module{
    padding: .84rem .3rem 1.04rem;
}

.detail .module.bg1{
    background: #EAF3FC;
    color: #535353;
}

.detail .module.nohead{
    padding: .36rem .28rem;
}

.detail .module.bg1 p,.detail .module.bg1 .title{
    color: #535353;
}

.detail .module h1{
    padding-left: .4rem;
    position: relative;
}

.detail .module.nohead h2{
    font-size: .4rem;
    color: #000;
    margin-bottom: .24rem;
}

.detail .module h1.nopadding{
    padding: 0
}

.detail .module h1 .rec{
    width: .12rem;
    height: .6rem;
    background: #2CA6E0;
    position: absolute;
    left: 0;
    top: .05rem;
}

.detail .module h2{
    font-size: .46rem;
}

.detail .module h1+h2{
    margin-top: .4rem;
}

.detail .module .info{
    font-size: .24rem;
    color: #999;
    margin-bottom: .4rem;
}

.detail .module .info i{
    margin: 0 .08rem 0 .28rem;
}

.detail .module .content{
    font-size: .28rem;
    line-height: .4rem;
    margin-top: .4rem;
    text-align: justify;
}

.detail .module .content .title{
    margin-top: .38rem;
}

.detail .module .content p{
    text-indent: 2em;
    color: #666;
    text-align: justify;
}

.detail .module .btngroup{
    margin-top: .4rem;
}

.skewrec{
    display: inline-block;
    width: 3.17rem;
    height: .72rem;
    line-height: .72rem;
    color: #fff;
    text-align: center;
    background: #8DC21F;
    transform: skewX(-25deg);
    margin-left: .18rem;
}

.skewrec span{
    display: block;
    transform: skewX(25deg);
}

.skewrec.bg2{
    background: #1EAA39;
}

.detail .module .btngroup .rec{
    width: 100%;
    height: .72rem;
    line-height: .72rem;
    text-align: center;
    color: #fff;
    margin-top: .24rem;
}

.rec.bg3{
    background: #2CA6E0;
}

.rec.bg4{
    background: #036EB7;
}

.detail .module .imgtext{
    width: 6.88rem;
    height: 3.28rem;
    position: relative;
}

.detail .module .imgtext img{
    width: 100%;
    height: 100%;
}

.detail .module .imgtext .fixtext{
    width: 100%;
    height: .72rem;
    line-height: .72rem;
    background: rgba(70,111,164,0.9);
    position: absolute;
    left: 0;
    bottom: 0;
    color: #fff;
    padding: 0 .55rem 0 .75rem;
}

.detail .module .imgtext .fixtext .textskew{
    position: absolute;
    top: .18rem;
    left: .55rem;
    width: .06rem;
    height: .24rem;
    transform: skewX(-10deg);
    display: inline-block;
    background: #fff;
    margin-top: .05rem;
}
/*DETAIL CSS END*/

/*ACTIVITY_INDEX CSS STERT*/
.activity_index{
    padding: .4rem .3rem;
}

.activity_index .buttons{
    width: 100%;
    height: .8rem;
    line-height: .8rem;
    border-radius: .1rem;
    border: 1px solid #5FB6F9;
}

.activity_index .buttons span{
    width: 50%;
    height: 100%;
    float: left;
    text-align: center;
    color: #666;
    font-size: .32rem;
}

.activity_index .buttons span.active{
    background: #5FB6F9;
    color: #fff;
}

.activity_index .card{
    width: 100%;
    height: 5.2rem;
    box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.12);
    border-radius: .1rem;
    margin-top: .4rem;
    color: #666;
    overflow: hidden;
}

.activity_index .card img{
    width: 100%;
    height: 3.44rem;
    margin: 0;
}

.activity_index .card h3{
    font-size: .36rem;
    margin: .45rem .22rem 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.activity_index .card .address{
    margin: .18rem .24rem 0;
    font-size: .24rem;
}

.activity_index .card .address .date{
    margin-left: .36rem;
}
/*ACTIVITY_INDEX CSS END*/

/*HOTNEWS_SEARCH CSS START*/
.hotnews_search{
    padding: .2rem .4rem;
}

.hotnews_search .searchdiv{
    display: flex;
    height: .8rem;
    line-height: .8rem;
    margin-bottom: .14rem;
    position: relative;
}

.hotnews_search .searchdiv input{
    width: 100%;
    border-radius: 1.38rem;
    border: 1px solid #D9D9D9;
    padding: 0 .8rem;
    outline: none;
    box-sizing: border-box;
}

.hotnews_search .searchdiv span.delete{
    position: absolute;
    top: .2rem;
    right: 1rem;
    width: .4rem;
    height: .4rem;
    line-height: .34rem;
    text-align: center;
    background: #999;
    color: #fff;
    border-radius: 50%;
    font-size: .4rem;
}

.hotnews_search .searchdiv span.cancel{
    width: 1rem;
    text-align: right;
    font-size: .32rem;
}
.hotnews_search .content{
    margin-top: .48rem;
    font-size: .28rem;
    color: #999;
}

.hotnews_search .content .title{
    font-size: .32rem;
    color: #0656B2;
}

.hotnews_search .content .title .clear{
    color: #89B97D;
    float: right;
}

.hotnews_search .content ul::after {
    display: block;
    clear: both;
    height: 0;
    content: "";
    visibility: hidden;
    overflow: hidden;
}

.hotnews_search .content ul li{
    position: relative;
    float: left;
    border: 1px solid #D9D9D9;
    border-radius: .2rem;
    padding: .1rem .37rem;
    margin: .2rem .33rem 0 0;
}

.hotnews_search .content ul li .del{
    position: absolute;
    top: 0;
    right: 0;
    width: .36rem;
    height: .36rem;
    line-height: .32rem;
    text-align: center;
    border-radius: 50%;
    background: #999999;
    color: #fff;
    font-size: .30rem;
    margin: -.16rem
}

.comment{
	position: relative;
	margin-top: .34rem;
}
.comment:before{
	content: '';
	position: absolute;
	left: .08rem;
	height: 1px;
	right: 0;
	background: #D9D9D9;
}
.comment .tit{
	font-size: .28rem;
	line-height: .4rem;
	color: #333;
	font-weight: bold;
	padding-top: .2rem;
	margin-bottom: .4rem;
	padding-left: .3rem;
}
.comment ul{
	padding: 0 .3rem;
}
.comment li{
	display: flex;
	margin-bottom: .4rem;
}
.comment li img{
	width: .7rem;
	height: .7rem;
	border-radius: 50%;
	margin: 0 .26rem 0 0;
}
.comment .content p{
	color: #333;
	vertical-align: text-top;
}
.comment .content>p:first-child{
	margin-bottom: .12rem;
	line-height: 1;
}
.comment .content>p:nth-child(2){
	margin-bottom: .04rem;
}
.comment .time{
	color: #999999;
	margin-bottom: .2rem;
}
.comment .time span{
	width: 1.2rem;
	height: .48rem;
	line-height: .48rem;
	display: inline-block;
	border: .02rem solid #ECECEC;
	text-align: center;
	border-radius: .3rem;
	margin-left: .28rem;
}
.comment  .reply{
	padding: .1rem .26rem 0.24rem;
	background: #F2F6F9;
	border: 1px solid #E7E7E7;
	width: 5.28rem;
	box-sizing: border-box;
	font-size: .3rem;
}
.comment  .reply .info{
	color: #262626;
}
.comment  .reply .info label{
	font-weight: bold;
}
.comment  .reply a{
	color: #A1B4C3;
	cursor: none;
	display: block;
	margin-top: .2rem;
}
.comment  .reply a span{
	display: inline-block;
	width: .32rem;
	height: .32rem;
	background: #B0C1CE;
	border-radius: .06rem;
	line-height: .3rem;
	text-align: center;
	color: #fff;
}
.inpPanel{
	width: 100%;
	height: .92rem;
}
.inpPanel .inph{
	width: 100%;
	height: 100%;
}
.inpPanel .inp{
	position: fixed;
	width: 100%;
	height: .92rem;
	box-sizing: border-box;
	background: #ECECEC;
	bottom: 0;
	padding: .1rem .36rem .1rem .3rem;
	line-height: 0;
	font-size: 0;
}
.inpPanel input{
	width: 6.16rem;
	height: .76rem;
	background: #fff;
	border:1px solid #CCCCCC;
	border-radius: .1rem;
	box-sizing: border-box;
	padding-left: .3rem;
	margin-right: .18rem;
	outline: none;
	vertical-align: middle;
}
.inpPanel input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { 
	color: #D0D0D0; 
} 
.inpPanel .icon-fasong{
	color: #CDCDCD;
	font-size: .5rem;
	vertical-align: middle;
}
.bottom{
	font-size: .24rem;
	color: #999;
	position: relative;
}
.bottom p.thumbs{
	position: absolute;
	right:.28rem;
	bottom: 0;
}
/*HOTNEWS_SEARCH CSS END*/



.f-28{
	font-size: .28rem;
}
.f-32{
	font-size: .32rem;
}